import { Directive, Input, ElementRef } from '@angular/core'; // ElementRef指令绑定所在元素

@Directive({
  selector: '[appCustomStyle]'
})
export class CustomStyleDirective {

  @Input() appCustomStyle;
  constructor(public ref: ElementRef) { } // 在构造器中声明
  ngOnChanges() {
    // console.log(this.appCustomStyle);
    console.log(this);
    // this.ref.nativeElement.className = this.appCustomStyle; // 赋值给class
    // 当然也可以绑定监听事件
    this.ref.nativeElement.addEventListener('click', () => {
        this.ref.nativeElement.style.color = '#ff7f21';
    });
  }
}
